<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网络字体使用(web fonts handle)</title>
  <!-- 
    Web字体（Web Fonts）是指通过链接到远程服务器或引入本地字体文件的方式，在网页中使用自定义字体。以下是关于CSS中Web字体的主要要点： 
 
      1. 引入Web字体：可以通过 @font-face 规则在CSS中引入Web字体，定义字体名称、字体文件路径和格式。 
      2. 字体格式（Font Formats）：常见的Web字体格式包括TrueType（.ttf）、OpenType（.otf）、WOFF（Web Open Font Format）和WOFF2等。 
      3. 字体族（Font Family）：使用 font-family 属性指定字体族，可以设置多个备选字体以确保兼容性。 
      4. 字体权重（Font Weight）：使用 font-weight 属性设置字体的粗细程度，常见取值包括normal、bold、lighter、bolder等。 
      5. 字体样式（Font Style）：使用 font-style 属性设置字体的风格，常见取值包括normal（正常）、italic（斜体）和oblique（倾斜）。 
      6. 字体大小（Font Size）：使用 font-size 属性设置字体的大小，可以使用像素（px）、em、rem等单位。 
      7. 字体变体（Font Variant）：使用 font-variant 属性控制字体的大小写变体，如small-caps（小型大写字体）。
   -->
   <style>
     /* 引入Web字体 */
     @font-face {
       /* 字体名称 */
       font-family: "web-fonts";
       /* 字体路径 */
       src: url('./fonts/AaQingHuanYuanTi-2.ttf')
     }

     span {
       /* 使用自定义字体 */
       font-family: "web-fonts";
     }
   </style>
</head>
<body>
  
  <span>Web字体（Web Fonts）是指通过链接到远程服务器或引入本地字体文件的方式，在网页中使用自定义字体。</span>

</body>
</html>